<!doctype html>
<html lang="en">
<head>
	{include file="common/head"}
	<style type="text/css">
		.filter .option {padding-top: 15px;}
		.filter .option .option-title {min-width: 80px;float: left;font-weight: bold;}
		.filter ul {list-style: none;padding-left: 0;margin: 0 0 0 90px;}
		.filter ul li {float: left;}
		.filter ul li a {display: block;padding: 2px 10px 2px 10px;}
		.filter ul li a.active {color: #f75757;}
	</style>
</head>
<body>
	{include file="common/menu"}
	{hkcms:adv name="sub" itemid="1" id="sub"}
	<section class="page-title" style="background: url('{$sub.image}') no-repeat 50% 50%;background-size: cover;">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<div class="block text-center">
						<h1 class="text-capitalize mb-4 text-lg">{:lang('Site Search')}</h1>
						<p class="bc text-white">{:__('Search for `%s` related content',[$__param__['keyword']])}</p>
					</div>
				</div>
			</div>
		</div>
	</section>
	{/hkcms:adv}
	<section class="section blog-wrap bg-gray p-4">
	    <div class="container">
	        <div class="row portfolio-gallery">
                {hkcms:volist name="__SDATA__"}
				<div class="job-item col-12 p-4 mb-4 border bg-white">
                    <div class="row g-4">
						{if isset($item.thumb) && !empty($item.thumb)}
                        <div class="col-12 col-sm-2 align-items-center pr-0">
                        	<img src="{$item.thumb}" class="w-100" style="max-height: 125px;object-fit: cover;">
                        </div>
                        <div class="col-12 col-sm-10 d-flex align-items-center mt-3 mt-sm-0">
						{else /}
						<div class="col-12 d-flex align-items-center mt-3 mt-sm-0">
						{/if}
                            <div class="text-start ps-4">
                                <h5 class="mb-2" style="font-size: 15px"><a href="{$item.url}" title="{$item.title}" class="aline">{$item.title}</a></h5>
                                {if isset($item.description) && !empty($item.description)}<p class="mb-2 twolines">{$item.description}</p>{/if}
                                <p class="mb-0">
	                                <small class="text-truncate mr-2"><i class="ti-list mr-2"></i>{$item.category.title}</small>
	                                {if isset($item.author) && !empty($item.author)}<small class="text-truncate mr-2"><i class="ti-pencil-alt mr-2"></i>{$item.author}</small>{/if}
	                                <small class="text-truncate mr-2"><i class="fas fa-meteor mr-2"></i>{$item.views}</small>
	                                <small class="text-truncate mr-2"><i class="ti-time mr-2"></i>{hkcms:date name="$item.publish_time" format="Y-m-d"}</small>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                {/hkcms:volist}
			</div>
			<div class="row justify-content-center mt-2">
	            <div class="col-12 text-center">
                    {hkcms:contentpage name="__SPAGE__" item="home,pre,pageno,next,last,info" mobile_item="pre,pageno,next" pre="&laquo;" next="&raquo;" /}
	            </div>
	        </div>
	    </div>
	</section>
	{include file="common/footer"}
</body>
</html>